<template>
    <div class="web-container rank-list">
        <div class="container-flex">
            <div class="left">
                <rankListNav></rankListNav>
            </div>
            <div class="right">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>

<script>
import rankListNav from "@/components/rankListNav";
export default {
  data() {
    return {};
  },
  components: {
    rankListNav
  }
};
</script>
<style lang="less" scoped>
.rank-list {
  margin-top: 20px;
  height: 100%;
  .left {
    width: 282px;
    padding: 20px 0;
    background: #fff;
    border-radius: 10px;
  }
  .right {
    margin-left: 20px;
    width: 100%;
    background: #fff;
    flex: 1;
    border-radius: 10px;
  }
}
</style>


